// 引入express
const express = require('express')
// 配置端口号
const PORT = 8088

// 创建一个app服务实例
const app = express()

// 配置静态资源
app.use(express.static(__dirname + '/public'))

// ==================解决404刷新问题===============================
// // 方式一：
// app.get('*',(req,res)=>{
// 	res.sendFile(__dirname + '/public/index.html')
// })
// 方式二：
const history = require('connect-history-api-fallback');
// 配置 /login 走后端路由
app.use(history({
	verbose:false,
	rewrites:[
		{ from: /^\/login.*$/, to: (context) => context.parsedUrl.path },
	]
}))
// 配置静态资源
app.use(express.static(__dirname + '/public'))


// ==================解决请求无法发送问题===============================
// 引入createProxyMiddleware
const { createProxyMiddleware } = require('http-proxy-middleware')

// 配置代理中间件
app.use('/dev', createProxyMiddleware({
	target: 'http://sph-h5-api.atguigu.cn',
	changeOrigin: true,
	pathRewrite: {
		'^/dev': ''
	}
}))





// 绑定端口监听
app.listen(PORT, () => {
	console.log(`本地服务器启动成功，http://localhost:${PORT}`)
})